<div *ngIf="_product && extra && price" nz-row nzGutter="24">
  <!-- 图片 START -->
  <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="13" nzXl="10" class="mainImg mb-sm">
    <img *ngIf="url" [src]="url">
    <div *ngIf="!url" style="background: #e6e6e6; text-align: center;line-height: 274px;color: #929292;">
      <span>无图片</span>
    </div>
  </div>
  <!-- 图片 END -->
  <!-- 摘要 START -->
  <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="11" nzXl="14">
    <nz-tag class=" goldtag">{{_product.brand}} </nz-tag>
    <div class="name" style="padding-right: 65px;">
      {{_product.productCd}}
      <a>
        <div class="comment">
          <span>
            <nz-tag *ngIf="_product.isCm === '1'" [nzColor]="'green'">定制近视太阳镜</nz-tag>
            <nz-tag *ngIf="_product.isCmAll === '1'" [nzColor]="'purple'">全定制</nz-tag>
          </span>
        </div>
      </a>
    </div>
    <div class="desc">销售渠道：
      <nz-tag [nzColor]="'red'"
        *ngIf="extra.zpfxs!=='1' && extra.zgmxs!=='1' && extra.zlsxs!=='1' && extra.zdsxs!=='1'">已下架</nz-tag>
      <nz-tag [nzColor]="'green'" *ngIf="extra.zpfxs==='1'">批发</nz-tag>
      <nz-tag [nzColor]="'cyan'" *ngIf="extra.zgmxs==='1'">国贸</nz-tag>
      <nz-tag [nzColor]="'blue'" *ngIf="extra.zlsxs==='1'">零售</nz-tag>
      <nz-tag [nzColor]="'purple'" *ngIf="extra.zdsxs==='1'">电商</nz-tag>
    </div>
    <div class="summary">
      <div class="summary-row">
        <div class="left">市场价:</div>
        <div class="right num">
          ¥{{price.marketPrice}}
        </div>
        <div class="left">SAP:</div>
        <div class="right">{{_product.sap}}</div>
      </div>
      <div class="summary-row">
        <div class="left">款号:</div>
        <div class="right">{{_product.style}}</div>

        <div class="left">色号:</div>
        <div class="right">{{_product.colorCd}}</div>
      </div>

      <div class="summary-row">
        <div class="left">款式:</div>
        <div class="right">{{_product.useGroup}}</div>

        <div class="left">年份:</div>
        <div class="right">{{_product.year}}</div>
      </div>

      <div class="summary-row">
        <div class="left">品项: </div>
        <div class="right">{{_product.lineBrand || '未维护'}}</div>

        <div class="left">品项简码: </div>
        <div class="right">{{_product.lineBrandCode || '未维护'}}</div>
      </div>

      <div class="summary-row">
        <div class="left">标签类型:</div>
        <div class="right">{{_product.tabType || '未维护'}}</div>

        <div class="left">图纸编号:</div>
        <div class="right">{{extra.ztzbh || '未维护'}}</div>
      </div>

      <div class="summary-row">
        <div class="left">风格标签:</div>
        <div class="right">{{extra.zfgbq || '未维护'}}</div>

        <div class="left">设计风格:</div>
        <div class="right">{{extra.zsjfg || '未维护'}}</div>
      </div>
      <div class="summary-row">
        <div class="left">感官色系:</div>
        <div class="right">{{extra.zggsx || '未维护'}}</div>
        <div class="left">适合脸型:</div>
        <div class="right">{{extra.zshlx || '未维护'}}</div>
      </div>
    </div>
  </div>
  <!-- 摘要 END -->
</div>
